<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<h:outputStylesheet library="default" name="css/tablePaging.css" />
	<h:outputScript library="default" name="js/jquery-1.4.1.min.js" />
	<h:outputScript library="default"
		name="js/jquery.tablePagination.0.5.min.js" />
	<script type="text/javascript">
		$(document).ready(
		function() {
			$('#datatable').tablePagination();
		});
	</script>
</h:head>
<h:body>
	<h1>#{userManagedBean.sayHello()}</h1>
	<h:dataTable id="datatable" var="data"
		value="#{userManagedBean.listUser}">
		<h:column>
			<f:facet name="FirstName">
				<h:outputText value="FirstName" />
			</f:facet>
			<h:outputText value="#{data.userFirstName}" escape="true" />
		</h:column>
		<h:column>
			<f:facet name="LastName">
				<h:outputText value="LastName" />
			</f:facet>
			<h:outputText value="#{data.userLastName}" escape="true" />
		</h:column>
		<h:column>
			<f:facet name="Phone">
				<h:outputText value="Phone" />
			</f:facet>
			<h:outputText value="#{data.userPhoneNumber}" escape="true" />
		</h:column>
	</h:dataTable>
</h:body>
</html>
